#ccTable {
		display: table;
	 	width: 60%; 
		margin-left:20%; 
		margin-right:20%;
	 	background: #fff;
	 	box-sizing: border-box;
	 }

	 .ccHeaderRow {
	 	background: #bbbbbb;
	 	color: #fff;

	 }

	.ccRow {
		display: table-row;
	}

	/* #ccTable div:nth-of-type(even)		{ background-color:#ffffcc; } */
	
	.ccCell {
		display: table-cell;
		font-size: 14px;
		padding: 2px; 
		border-bottom: 1px solid #e5e5e5;
		text-align: left;
	}


	@media only screen and (max-width: 760px)  {

		body {
			padding: 0;
		}

		#table {
			display: block;
			margin: 44px 0 0 0;
		}

		.row { 
			position: relative;
			display: block;
			border-bottom: 1px solid #ccc; 

		}

		.header-row {
			display: none;
		}
		
		.cell { 
			display: block;

			border: none;
			position: relative;
			height: 45px;
			line-height: 45px;
			text-align: left;
		}

		.primary:after {
			content: "";
			display: block;
			position: absolute;
			right:20px;
			top:18px;
			z-index: 2;
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 
			border-right:10px solid #ccc;

		}

		.cell:nth-of-type(n+2) { 
			display: none; 
		}

	}